<template>
	<view class="flex justify-between align-center padding margin-tb">
		<view class="flex align-center">
			<view class="font text-gray">
				<text class="iconfont icon-canju font"></text>
				<text class="margin-lr">/</text>
			</view>
			<view class="">
				<view class="">
					{{ctit}}
				</view>
				<view class="">
					{{entit}}
				</view>
			</view>
			
		</view>
		<view class="" v-if="more">
			查看更多
			<text class="iconfont icon-gengduo-shuxiang"></text>
		</view>
	</view>
</template>

<script>
	export default {
		name:"home-title",
		props: {
			ctit: {
				type: String,
				default: '法式经典'
			},
			entit:{
				type:String,
				default:'French Classic'
			},
			more:{
				type:Boolean,
				default:true
			}
		},
	}
</script>

<style lang="scss">
.font{
	font-size: 70upx;
}
.icon-gengduo-shuxiang{
	display: inline-block;
	transform: rotate(90deg);
}
</style>